<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
        .demo{
              display: flex;                /*设置为flex布局*/
              justify-content: space-around;
             }
        .demo div{
            flex: none;
}
         .left{
              width: 200px;
              height: 200px;
              background: #d4cdcd;
            }
        .right{
             width: 380px;
             height: 200px;
             }
		</style>
	</head>
	<body>
	<div class="demo">
   <div class="left"></div>
   <div class="right">
      <p>Iphone7 PLUS XXXXXXXXXX</p>
      <span>总人数99</span>
      <span>剩余人数33</span>
      <div class="btn">立即参与</div>
   </div>
</div>
	</body>
</html>
